<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:c="http://java.sun.com/jsp/jstl/core" >
      
   <head>
  </head> 
    <ui:composition template="/templates/default/template.xhtml">
    	<ui:define name="body">
    	
    	<h:panelGrid columns="1" style="margin-left:5px;width:100%">
    	<!--  tieu de -->
    	<h:panelGrid columns="3" styleClass="columPanelbaritemTitle">
			<h:graphicImage value="/templates/default/images/left-heading_01.jpg" style="margin-left:-4px;margin-bottom:0px"></h:graphicImage>
	  		<h:outputText value="Đổi mật khẩu" styleClass="panelbaritemTitle"></h:outputText>
			<h:graphicImage value="/templates/default/images/left-heading_03.jpg"></h:graphicImage>
	  	</h:panelGrid>
	  	<!-- ket thuc tieu de -->
		<!-- phan noi dung phia duoi -->
    	<h:panelGrid columns="1" styleClass="panelGridBody">
    			<!-- Bat dau noi dung ben trong -->
		  <h:form>
		    <rich:panel style="background:#FFFFFF">
		    	<h:panelGrid columns="2" style="margin-left:10px;">
		    	    <h:outputText></h:outputText>
					<h:outputText id="idError" value="#{chancePass.error}" style=" color: red;"></h:outputText>
		    		<h:outputText  value="Tên đăng nhập (*):" style="margin-left:20px;" styleClass="inputText" ></h:outputText>
					<h:inputText disabled="true" value="#{chancePass.userName}" styleClass="Input"  >
					</h:inputText>	
		    		<h:outputText  value="Mật khẩu cũ(*):" style="margin-left:20px;" styleClass="inputText" ></h:outputText>
					<h:inputSecret value="#{chancePass.oldPass}" styleClass="Input"  >
					<a4j:support event="onchange" reRender="idError" 
								action="#{chancePass.checkPass}"/>
					</h:inputSecret>
		    		<h:outputText  value="Mật khẩu mới(*):" style="margin-left:20px;" styleClass="inputText" ></h:outputText>
					<h:inputSecret value="#{chancePass.newPass}" styleClass="Input"  ></h:inputSecret>
		    		<h:outputText  value="Nhập lại Mật khẩu (*):" style="margin-left:20px;" styleClass="inputText" ></h:outputText>
					<h:inputSecret value="#{chancePass.re_NewPass}" styleClass="Input"  >
					<a4j:support event="onchange" reRender="idError" 
								action="#{chancePass.checkMatchPass}"/>
					</h:inputSecret>
						    		
		    	<!-- action -->	
		    	</h:panelGrid>
			    	<h:panelGrid columns="3" style="margin-left:180px;margin-top:10px">
			    	<a4j:commandButton value="Lưu" styleClass="Button" action="#{chancePass.chancePass}" 
			    	 onclick="if(!confirm('Bạn có muốn lưu ?')) {return false;}" reRender="idError"></a4j:commandButton>
			        <a4j:commandButton  value="Reset" styleClass="Button" type="reset"></a4j:commandButton>
			       </h:panelGrid>
		       <!-- ket thuc action -->
			 </rich:panel>
		  </h:form>
			<!-- Ket thuc phan noi dung ben trong -->
			
			<!-- Bat dau table -->
			<!--  Ket thuc table -->
    		</h:panelGrid>   
    		<!-- Ket thuc phan noi dung phia duoi --> 					
    	</h:panelGrid>
    	</ui:define>
    </ui:composition> 
    
</html>







